<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets">

	<ui:composition template="/template/template.xhtml">
	
		<ui:define name="content">
			<p:growl id="growl" sticky="true" showDetail="true"/>
			<p:wizard  backLabel="Voltar" nextLabel="Próximo" flowListener="#{pessoaBean.onFlowProcess}">
			
				<p:tab title="Cadastro" id="cadastro">
		
					<p:panel header="Novo Cadastro">
						<h:messages errorClass="error"/>
						
						<h:panelGrid columns="2" columnClasses="label, value" styleClass="grid">
							<h:outputText value="Nome: *" />
							<p:inputText required="true" label="Nome"
									value="#{pessoaBean.pessoa.nome}" />
							
							<h:outputText value="Sobrenome: *" />
							<p:inputText required="true" label="Sobrenome"
									value="#{pessoaBean.pessoa.sobreNome}" />
							
							<h:outputText value="Data de Nasc: *" />
							<p:calendar navigator="true" effect="explode" pattern="dd/MM/yyyy" required="true" label="Data de Nascimento"
										value="#{pessoaBean.pessoa.dataNascimento}"/>
							
							<h:outputText value="RG: *" />
							<p:inputText required="true" label="Registro Geral" maxlength="12"
									value="#{pessoaBean.pessoa.registroGeral}" />
							
							<h:outputText value="Membro: *" />
							<h:selectOneMenu value="#{pessoaBean.pessoa.membro}" label="Membro" required="true">  
					            <f:selectItem itemLabel="Selecione" itemValue="" />  
					            <f:selectItem itemLabel="Sim" itemValue="Sim" />  
					            <f:selectItem itemLabel="Não" itemValue="Não" />  
					        </h:selectOneMenu> 

							<h:outputText value="Ir para Último: " />
							<h:selectBooleanCheckbox value="#{pessoaBean.skip}" />
						</h:panelGrid>
					</p:panel>
				</p:tab>
					
				<p:tab title="Endereço" id="endereco">
					<p:panel header="Novo Endereço">
					
						<h:messages errorClass="error"/>
						
						<h:panelGrid columns="2" columnClasses="label, value">
							<h:outputText value="Endereço: " />
							<p:inputText value="#{pessoaBean.pessoa.endereco}" />
							
							<h:outputText value="CEP: " />
							<p:inputText value="#{pessoaBean.pessoa.cep}" />
							
							<h:outputText value="Cidade: " />
							<p:inputText value="#{pessoaBean.pessoa.cidade}" />
							
							<h:outputText value="Bairro: " />
							<p:inputText value="#{pessoaBean.pessoa.bairro}" />
							
							<h:outputText value="Complemento: " />
							<p:inputText value="#{pessoaBean.pessoa.complemento}"/>
							
							<h:outputText value="Ir para Último: " />
							<h:selectBooleanCheckbox value="#{pessoaBean.skip}" />
						</h:panelGrid>
					</p:panel>
				</p:tab>
					
				<p:tab title="Contato" id="contato">
					<p:panel header="Informação do Contato">
						
						<h:messages errorClass="error"/>
					
						<h:panelGrid columns="2" columnClasses="label, value">
							<h:outputText value="Email: *" />
							<p:inputText required="true" label="Email"
									value="#{pessoaBean.pessoa.email}" />
							
							<h:outputText value="Telefone: " />
							<p:inputText value="#{pessoaBean.pessoa.telefone}"/>
							
							<h:outputText value="Celular: " />
							<p:inputText value="#{pessoaBean.pessoa.celular}"/>
							
							<h:outputText value="Nome Pai: " />
							<p:inputText value="#{pessoaBean.pessoa.nomeResponsavel1}"/>
							
							<h:outputText value="Celular Pai: " />
							<p:inputText value="#{pessoaBean.pessoa.celularResponsavel1}"/>
							
							<h:outputText value="Nome Mãe: " />
							<p:inputText value="#{pessoaBean.pessoa.nomeResponsavel2}"/>
							
							<h:outputText value="Celular Mãe: " />
							<p:inputText value="#{pessoaBean.pessoa.celularResponsavel2}"/>
							
							<h:outputText value="Informação Adicional: " />
							<p:inputText value="#{pessoaBean.pessoa.infoAdicional}"/>
						</h:panelGrid>
					</p:panel>
				</p:tab>
					
				<p:tab title="Confirmar" id="confirmar">
					<p:panel header="Confirmação">
					
						<h:panelGrid id="confirmation" columns="2">
							<h:outputText value="Nome: " />
							<h:outputText styleClass="outputLabel"
										value="#{pessoaBean.pessoa.nome}" />
							
							<h:outputText value="Sobrenome: " />
							<h:outputText  styleClass="outputLabel"
										value="#{pessoaBean.pessoa.sobreNome}"/>
							
							<h:outputText value="Data de Nasc: " />
							<h:outputText styleClass="outputLabel"
										value="#{pessoaBean.pessoa.dataNascimento}" />
										
							<h:outputText value="RG: " />
							<h:outputText styleClass="outputLabel"
										value="#{pessoaBean.pessoa.registroGeral}" />
							
							<h:outputText value="Membro: " />
							<h:outputText styleClass="outputLabel"
										value="#{pessoaBean.pessoa.membro}" />
							
							<h:outputText value="Endereço: " />
							<h:outputText styleClass="outputLabel"
										value="#{pessoaBean.pessoa.endereco}" />
							
							<h:outputText value="CEP: " />
							<h:outputText styleClass="outputLabel"
										value="#{pessoaBean.pessoa.cep}" />
							
							<h:outputText value="Cidade: " />
							<h:outputText styleClass="outputLabel"
										value="#{pessoaBean.pessoa.cidade}" />
										
							<h:outputText value="Complemento: " />
							<h:outputText styleClass="outputLabel"
										value="#{pessoaBean.pessoa.complemento}" />
										
							<h:outputText value="Telefone: " />
							<h:outputText styleClass="outputLabel"
										value="#{pessoaBean.pessoa.telefone}" />
										
							<h:outputText value="Celular: " />
							<h:outputText styleClass="outputLabel"
										value="#{pessoaBean.pessoa.celular}" />
										
							<h:outputText value="Nome Pai: " />
							<h:outputText styleClass="outputLabel"
										value="#{pessoaBean.pessoa.nomeResponsavel1}" />
										
							<h:outputText value="Celular Pai: " />
							<h:outputText styleClass="outputLabel"
										value="#{pessoaBean.pessoa.celularResponsavel1}" />
										
							<h:outputText value="Nome Mãe: " />
							<h:outputText styleClass="outputLabel"
										value="#{pessoaBean.pessoa.nomeResponsavel2}" />
										
							<h:outputText value="Celular Mãe: " />
							<h:outputText styleClass="outputLabel"
										value="#{pessoaBean.pessoa.celularResponsavel2}" />
										
							<h:outputText value="Informação Adicional: " />
							<h:outputText styleClass="outputLabel"
										value="#{pessoaBean.pessoa.infoAdicional}" />
										
							
							<h:outputText />
							<h:outputText />
						</h:panelGrid>
						
						<p:commandButton value="Cadastrar" update="growl" 
									actionListener="#{pessoaBean.save}"/>
					</p:panel>
				</p:tab>
			</p:wizard> 
		</ui:define>
	</ui:composition>
</html>